<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>动态</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/header.css" />
    <link rel="stylesheet" href="css/dynamics.css" />
    <link rel="stylesheet" href="iconfont/iconfont.css" />
</head>
<body>
 <!--header开始-->
    <header>
      <div class="searchBox">
      	<div class="searchimg">
      		<img src="img/icon_search@2x.png" alt="" />
      	</div>
        <input type="text" id="search" placeholder="大家都在搜:凹凸世界"></div>
      </div>
      <div class="setting">
      	<div><img src="img/icon_setting@2x.png" alt="" /></div>
      	<p style="font-size: 0.18rem; color: #FFFEFE;">设置</p>
      </div>
    </header>
    <!--header结束-->
    <!--内容页开始-->
    <section class="content">
    		<div class="lists" style="background: #fff;">	
    		 <main>
    			<div class="clist-title">
    				<ul class="clist-title-left">
	    				<li>
	    					<a href="" class="authorList">
	    						<img src="img/aimg.png" alt="" />
	    					</a>	
	    				</li>
	    				<li>芝士</li>
	    				<li>单图</li>
    				</ul>
    				<li>一分钟前</li>
    			</div>
    		   <!--主题图片-->
    		   <a href="" class="clist-imgBox" style="display: block;">
    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
    		   </a>
    		   <div class="imgtitle">酉游记—最终版</div>
    		   <!--底部分享等列表-->
    		   <ul class="clist-operation">
    		   	<li>
    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""/>
    		   	   <span>69</span>
    		   	</li>
    		   	<li>
    		   	   <img src="img/icon_soucang@2x.png" alt=""/>
    		   	   <span>69</span>
    		   	</li>
    		   	<li>
    		   	   <img src="img/icon_comment@2x.png" alt=""/>
    		   	   <span>69</span>
    		   	</li>
    		   	<li>
    		   	   <img src="img/icon_zan@2x.png" alt=""/>
    		   	   <span>69</span>
    		   	</li>
    		   </ul>
    		    </main>
    		</div>
    	    <!--广告-->
    	   <div class="lists" id="advertising" style="background: #fff;">	
    	       <main>
    			<div class="clist-title">
    				<ul class="clist-title-left">
	    				<li>
	    					<a href="" class="authorList" >
	    						<img src="img/aimg.png" alt="" />
	    					</a>	
	    				</li>
	    				<li>芝士</li>
    				</ul>
    				<li class="advertising-notice">
    					<span style="padding-right:0.08rem;">广告</span>
    					<span class="iconfont icon-close" style="font-size:0.26rem;"></span>
    				</li>
    			</div>
    		   <!--主题图片-->
    		   <a href="" class="clist-imgBox" style="display: block;">
    		   	   <img src="img/aimg.png" alt="" class="clist-img"/>
    		   </a>
    		   <div class="advertising-title">
    		   	  <p><a href="">TOMFORD LIPS & BOYS</a></p>
    		   	  <p><a href="">谁是你“名”刻于心的唇间挚爱？50位灵感男生惊艳亮相</a></p>
    		   </div>
    		    </main>
    		</div>
    		<!--文章-->
           <div class="articleListBox" style="background: #fff;padding-top:0.4rem">
             <main>
    	    	<ul class="articleList">
	    	   	   <li>
	    	   	   	  <div class="articleList-title">
	    	   	   	  	<a href="">如何成为一个优秀的插画师</a>
	    	   	   	  	<div class="articleList-clssify">文章</div>
	    	   	   	  </div>
	    	   	   	  <div class="articleList-author">
	    	   	   	  	<span>By</span>
	    	   	   	  	<span>我好像生病了</span>
	    	   	   	  </div>
	    	   	   	  <div class="articleList-info">
	    	   	   	  	  <a href="" style="display: inline-block;" >
	    	   	   	  	  	毕业到现在一直做各种设计，由于工作的设计内容比较散，所以每次设计的时候经常会拿到设...
	    	   	   	  	  </a>
	    	   	   	  </div>
	    	   	   </li>
	    	   	   <li class="articleList-img">
	    	   	   	  <a href="" style="display: block;">
	    	   	   	  	<img src="img/aimg.png" alt="" /></a>
	    	   	   </li>
    	   	   </ul>
    	   	   <!--底部分享等列表-->
    		   <ul class="clist-operation">
	    		   	<li>
	    		   	   <img src="img/icon_zhuanfa_d@2x.png" alt=""/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_soucang@2x.png"/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_comment@2x.png" alt=""/>
	    		   	   <span>69</span>
	    		   	</li>
	    		   	<li>
	    		   	   <img src="img/icon_zan@2x.png" alt=""/>
	    		   	   <span>69</span>
	    		   	</li>
    		   </ul>
    		  </main>
    	   </div>
    	 
    	<!--文字-->
    	<div class="lists" style="padding-bottom:0.2rem;background: #fff;">	
    	  	<main>
    			<div class="clist-title">
    				<ul class="clist-title-left">
	    				<li>
	    					<a href="" class="authorList">
	    						<img src="img/aimg.png" alt="" />
	    					</a>	
	    				</li>
	    				<li>芝士</li>
    				</ul>
    				<li>一分钟前</li>
    			</div>
    		   <!--主题图片-->
	    		  <a href="" style="display: block;margin-top:0.3rem;">
	    		  	<p style="font-size:0.28rem;color:#222">人的一生，就像被放飞的风筝，总想飞得更高，
	    		  		飞往更广阔的世界，却被冥冥中的丝线牵着，走不脱，
	    		  		等风雨一过，牵着的线断了，我们也飞不动了，
	    		  		此刻才无比怀念当初的那份牵引。因为线的那头，住着我们一生中最重要的人。</p>
	    		  </a>
    		   <!--底部分享等列表-->
    		   <ul class="clist-operation">
    		   	<li>
    		   	   <img src="img/p_icon_look@2x.png" alt="" style="width:0.36rem;height:0.222rem;"/>
    		   	   <span>69</span>
    		   	</li>
    		   	<li>
    		   	   <img src="img/icon_comment@2x.png" alt=""/>
    		   	   <span>69</span>
    		   	</li>
    		   	<li>
    		   	   <img src="img/icon_zan@2x.png" alt="" />
    		   	   <span>69</span>
    		   	</li>
    		   </ul>
    	  	<main>
    		</div>
    </section>
    <!--内容页结束-->

</div> 
</body>
<script src="js/mui.js"></script>
<script src="js/pxtorem.js"></script>
<script src="js/scrollnone.js"></script>
<script src="js/apptool.js"></script>
<script src="js/dynamics.js"></script>
</html>